@charset "utf-8";
/* PC端共通样式 */
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
body,button,dd,div,dl,dt,input,li,ol,p,ul{box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
body,button,input,keygen,legend,select,textarea{line-height:auto;font-family:Microsoft Yahei,"微软雅黑", "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}
body,html{width:100%;color:#000;overflow-x: hidden;}
a{outline:0;background:0 0;text-decoration:none !important;-webkit-tap-highlight-color:transparent;transition: all linear 0.2s;cursor: pointer}
input[type='button'],input[type='submit']{transition: all linear 0.2s}
em,i{font-style:normal}
img{outline:0;border:none;max-width:100%}
a,button,input,textarea{outline:0}
select::-ms-expand{display:none}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}
input::-webkit-input-speech-button{display:none}
textarea{resize:none;-webkit-appearance:none}
button{border-radius:0}
select{outline:0;border:none;background:0 0;-webkit-appearance:none;appearance:none;-moz-appearance:none}
.css{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.animation-a{-webkit-transition:all .3s;transition:all .3s}/*a标签动画效果增加此class*/
.toast-window-wrap{position:fixed;top:50%;left:50%;transform: translate(-50%,-50%);max-width:60%;width:auto;padding:14px;background:rgba(0, 0, 0, .8);font-style:normal;font-size:1.33rem;text-align:center;color:#fff;z-index:99999;border-radius:5px}
.jm-cb{clear:both;display:block}
.jm-p0{padding:0 !important}
.jm-m0{margin:0 !important}
.jm-show{display:inline-block !important; opacity:1 !important;}/*显示*/
.jm-hidden{display:none !important}/*隐藏*/
.jm-fl{float:left}/*左浮动*/
.jm-fr{float:right}/*有浮动*/
.jm-oh{overflow:hidden}/*滚动条隐藏*/
.jm-tal{text-align:left}/*内容左对齐*/
.jm-tac{text-align:center}/*内容居中对齐*/
.jm-tar{text-align:right}/*内容右对齐*/
.jm-taj{text-align:justify;text-justify:inter-ideograph}/*内容两端对齐*/
.jm-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}/*禁止选择，防复制*/
.wap-space{width: 100%;display: block;clear: both;height: 3rem;}
.bg-gray{background: #f8f8f8}
.border-gray{border-bottom: 1px solid #ddd}
.jm-pr{position: relative}
@media screen and (min-width:321px) {
html {
	font-size: 10px
}
}

@media screen and (min-width:800px) {
html {
	font-size: 12px
}
}

/*动画效果*/
@keyframes error-move{
	0%{
		transform:translateX(0px)
	}
	50%{
		transform:translateX(5px)
	}
	100%{
		transform:translateX(0px)
	}
}
@-moz-keyframes error-move{
	0%{
		transform:translateX(0px)
	}
	50%{
		transform:translateX(5px)
	}
	100%{
		transform:translateX(0px)
	}
}
@-webkit-keyframes error-move{
	0%{
		transform:translateX(0px)
	}
	50%{
		transform:translateX(5px)
	}
	100%{
		transform:translateX(0px)
	}
}
@keyframes up-move{
	0%{
		transform:translateY(0px)
	}
	50%{
		transform:translateY(3px)
	}
	100%{
		transform:translateY(0px)
	}
}
@-moz-keyframes up-move{
	0%{
		transform:translateY(0px)
	}
	50%{
		transform:translateY(3px)
	}
	100%{
		transform:translateY(0px)
	}
}
@-webkit-keyframes up-move{
	0%{
		transform:translateY(0px)
	}
	50%{
		transform:translateY(3px)
	}
	100%{
		transform:translateY(0px)
	}
}

@-moz-keyframes opa-animate{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@-webkit-keyframes opa-animate{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@keyframes opa-animate{
	0%{
		opacity:0
	}
	100%{
		opacity:1
	}
}
@keyframes load-move{
	0%{
		transform:translateY(30px);
		opacity:0
	}
	100%{
		transform:translateY(0px);
		opacity:1
	}
}
@-moz-keyframes load-move{
	0%{
		transform:translateY(30px);
		opacity:0
	}
	100%{
		transform:translateY(0px);
		opacity:1
	}
}
@-webkit-keyframes load-move{
	0%{
		transform:translateY(30px);
		opacity:0
	}
	100%{
		transform:translateY(0px);
		opacity:1
	}
}
@keyframes mapAnimation{
	0%{
		width: 0;
		height: 0;
		opacity: 1;
	}
	100%{
		width: 40px;
		height: 40px;
		opacity: 0;
	}
}
.common-wap-nav{
	padding: 1rem 1rem;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	height: 12vw;
	z-index: 1202;
	width: 100%;
}
.common-wap-nav a img{
	width: 34%
}
.common-wap-nav .tel-area{
	display: inline-block;
	vertical-align: middle;
	width: 43%;
	text-align: right;
	font-size: 0
}
.common-wap-nav .tel-area a{
	display: inline-block;
	margin-left: 2vw;
	font-size: 4vw;
	color: #fff;
}
.common-wap-nav .tel-area img{
	width: 7vw;
}
.common-wap-nav i{
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	font-size: 3rem;
	color: #555
}
.wap-nav-bg{
	display: none;
	position: fixed;
	right: 0;
	top: 12vw;
	height: calc(100% - 12vw);
	width: 100%;
	z-index: 1201;
	background: rgba(55, 61, 65, 0.4);
	pointer-events: none;
	overflow: hidden
}
.wap-nav-bg.active{
	display: block;
}
.wap-nav-dropdown{
	position: fixed;
	right: 0;
	top: 12vw;
	height: calc(100% - 12vw);
	width: 0;
	z-index: 1202;
	pointer-events: none;
	transition: all ease-out 0.4s;
	opacity: 0;
	overflow: hidden;
}
.wap-nav-dropdown.active{
	width: 100%;
	pointer-events: auto;
	opacity: 1
}
.wap-nav-dropdown > em{
	position: absolute;
	right: 4vw;
	top: 4vw;
	font-size: 5vw;
	color: #fff;
}
.wap-nav-wrap{
	position: absolute;
	top: 0;
	right: 0;
	width: 84%;
	height: 100%;
	background: #2f2f2f;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.wap-nav-lang{
	font-size: 0;
	padding: 2vw 0 4vw;
	white-space: nowrap;
}
.wap-nav-lang a{
	display: inline-block;
	vertical-align: middle
}
.wap-nav-lang a img{
	display: inline-block;
	width: 30vw
}
.wap-nav-lang a{
	font-size: 3.46vw;
	color: #ddd;
	margin-right: 3vw;
	white-space: nowrap;
}
.wap-nav-lang a:nth-of-type(1){
	display: block;
}
.wap-nav-content{
	line-height: 10vw;
	position: relative;
	padding: 0;
	border-bottom: 1px solid #434343
}
.wap-nav-content > a{
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #fff;
	font-size: 16px;
	text-align: left;
	padding-left: 6vw
}
.wap-nav-content > a.active{
	color: #ffba00
}
.wap-nav-content > img{
	position: absolute;
	right: 0;
	top: 2vw;
	cursor: pointer;
	padding: 2vw 5vw;
	height: 3vw;
	transition: all linear 0.2s;
	box-sizing: content-box;
	transform: rotate(90deg);
}
.wap-nav-content.active > img{
	transform: rotate(-90deg);
}
.wap-nav-content .second-dropdown{
	padding: 0;
	display: none
}
.wap-nav-content .second-dropdown a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	line-height: 10vw;
	color: #bebebe;
	border-bottom: 1px solid #454545;
	background: #3b3b3b;
	padding-left: 10vw
}
.wap-nav-content .second-dropdown a:last-of-type{
	border: none
}
.common-pages{
	text-align: left;
	font-size: 0;
	padding: 30px 0
}
.common-pages.mode2{
	text-align: center;
	padding-bottom: 80px;
}
.common-pages a{
	display: inline-block;
	line-height: 2.5rem;
	margin: 0 5px;
	border: 1px solid #e5e5e5;
	font-size: 1.16rem;
	color: #333;
	padding: 0.1rem 1rem;
}
.common-pages a[href]{
	color: #333;
}
.common-pages a[href]:hover,.common-pages a.active{
	color: #fff;
	background: #ffba00;
	border-color: #ffba00
}
.feedback .fd-wrap{
	margin: auto;
	text-align: center
}
.feedback h3{
	font-size: 1.5rem;
}
.feedback .select-area{
	width: 100%;
	border: 0.1rem solid #cdcdcd;
	padding: 0 1rem;
	height: 3.3rem;
	line-height: 3.3rem;
	position: relative;
	font-size: 0
}
.feedback .select-area select{
	font-size: 1.16rem;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	line-height: 2.6rem;
	margin-top: -1px;
	cursor: pointer
}
.feedback .select-area i{
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	border-top: 0.9rem solid #333;
	border-left: 0.6rem solid transparent;
	border-right: 0.6rem solid transparent;
}
.feedback em{
	display: block;
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 0.5rem
}
.feedback input{
	display: inline-block;
	background: none;
	border: none;
	background: rgba(250,250,250,.8);
	padding: 0 3rem;
	height: 80px;
	width: 760px;
	max-width: 100%;
	font-size: 1.5rem;
	margin-bottom: 6px;
	transition: all linear 0.2s;
	color: #333
}
.feedback input:focus,.feedback textarea:focus{
	background: #fafafa
}
.feedback input::placeholder,.feedback textarea::placeholder{
	color:#888
}
.feedback textarea{
	display: block;
	margin: auto;
	width: 760px;
	max-width: 100%;
	background: none;
	border: none;
	resize: none;
	background: rgba(250,250,250,.8);
	height: 165px;
	padding: 2rem 3rem;
	margin-bottom: 6px;
	font-size: 1.5rem;
	transition: all linear 0.2s;
}
.feedback .yzm-area{
	width: 760px;
	max-width: 100%;
	margin: 0 auto;
}
.feedback .yzm-area input{
	margin-right: 1rem;
	width: 30%;
	height: 3rem;
	padding: 0 1rem;
	vertical-align: middle;
	margin-bottom: 0
}
.feedback .yzm-area span img{
	width: 8rem;
	height: 3rem;
	display: inline-block;
	vertical-align: middle
}
.feedback .yzm-area span span{
	font-size: 1.33rem;
	margin-left: 1rem;
	color: #999;
	cursor: pointer
}
.feedback .yzm-area span span b{
	margin-left: 0.5rem;
	color: #3f82f4;
	text-decoration: underline;
	font-weight: normal
}
.feedback input[type=button]{
	display: block;
	background: none;
	border: none;
	width: 245px;
	height: 65px;
	font-size: 1.5rem;
	margin: 2.5rem auto 0;
	background: #149dbe;
	color: #fff;
	text-align: center;
	border-radius: 32.5px;
}
.feedback input[type=button]:hover{
	opacity: 0.8
}
.BMap_Marker img{
	width: auto;
	max-width: none
}
.BMapLabel{
	max-width: none;
	border: 1px solid #808080 !important
}
.common-wap-botnav{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1200;
	display: flex;
	justify-content: space-between;
	background: #eaeaea;
	border-top: 1px solid #555;
	width: 100%;
	padding: 2vw 0;
}
.common-wap-botnav a{
	display: inline-block;
	flex: 1;
	text-align: center;
}
.common-wap-botnav a i{
	display: block;
	font-size: 4vw;
	text-align: center;
	color: #555;
}
.common-wap-botnav a span{
	display: block;
	font-size: 1rem;
	padding-top: 0.5rem;
	color: #555;
}
.BMap_shadow{
	display: none !important
}
.common-crumbs{
	max-width: 100%;
}
.common-crumbs a,.common-crumbs span{
	font-size: 1.16rem;
	line-height: 1.2rem;
}
.common-crumbs a{
	color: #888
}
.common-crumbs span{
	color: #aaa
}
@media (max-width:1270px) {
	.feedback{
		margin-top: 1rem
	}
	.feedback input{
		width: 100% !important;
		height: 8vw;
		line-height: 8vw;
		font-size: 3.46vw;
		padding: 0 4vw
	}
	.feedback .yzm-area > span{
		margin-top: 0.8rem;
		display: block
	}
	.feedback input[type=button]{
		margin-bottom: 1rem;
		width: 50% !important;
		height: 12vw;
		font-size: 3.46vw;
		border-radius: 6vw;
	}
	.common-pages{
		padding: 8vw 0
	}
	.common-pages.mode2{
		padding-bottom: 8vw
	}
	.common-pages a{
		margin-bottom: 0.4rem
	}
	.feedback textarea{
		height: 30vw;
		padding: 2vw 4vw
	}
	.feedback .yzm-area span img{
		height: 8vw;
	}
	.common-crumbs{
		width: 100%;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}
	body{
		padding-top: 12vw;
	}
}